<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>诺安多策略混合A最新十大重仓股分析报告</title>
    <!-- 引入Tailwind CSS -->
    <script src="https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.js"></script>
    <!-- 引入ECharts -->
    <script src="https://unpkg.com/echarts@5.6.0/dist/echarts.min.js"></script>
    <style>
        .chart-container {
            width: 100%;
            height: 400px;
        }
        .kpi-card {
            transition: all 0.3s ease;
        }
        .kpi-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
    </style>
</head>
<body class="bg-gray-50">
    <div class="container mx-auto px-4 py-8">
        <!-- 报告标题区域 -->
        <div class="text-center mb-8">
            <h1 class="text-3xl font-bold text-gray-800 mb-2">诺安多策略混合A最新十大重仓股分析报告</h1>
            <p class="text-gray-600">基金代码：320016 | 报告日期：2025年9月30日</p>
        </div>

        <!-- 报告描述区域 -->
        <div class="bg-white rounded-lg shadow-md p-6 mb-8">
            <h2 class="text-xl font-semibold text-gray-800 mb-4">报告概述</h2>
            <p class="text-gray-700">本报告分析了诺安多策略混合A（基金代码：320016）截至2025年9月30日的前十大重仓股，包括行业分布和持仓份额。</p>
        </div>

        <!-- KPI指标展示 -->
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
            <div class="kpi-card bg-white rounded-lg shadow-md p-6 text-center">
                <h3 class="text-lg font-medium text-gray-600 mb-2">前十大重仓股总市值</h3>
                <p class="text-3xl font-bold text-blue-600">1.81亿元</p>
            </div>
            <div class="kpi-card bg-white rounded-lg shadow-md p-6 text-center">
                <h3 class="text-lg font-medium text-gray-600 mb-2">最高持仓比例</h3>
                <p class="text-3xl font-bold text-green-600">0.66%</p>
                <p class="text-sm text-gray-500">冠中生态(300948)</p>
            </div>
            <div class="kpi-card bg-white rounded-lg shadow-md p-6 text-center">
                <h3 class="text-lg font-medium text-gray-600 mb-2">最低持仓比例</h3>
                <p class="text-3xl font-bold text-purple-600">0.50%</p>
                <p class="text-sm text-gray-500">多只股票并列</p>
            </div>
        </div>

        <!-- 持仓比例分布图 -->
        <div class="bg-white rounded-lg shadow-md p-6 mb-8">
            <h2 class="text-xl font-semibold text-gray-800 mb-4">十大重仓股持仓比例分布</h2>
            <div id="pieChart" class="chart-container"></div>
        </div>

        <!-- 市值与持股数量关系图 -->
        <div class="bg-white rounded-lg shadow-md p-6 mb-8">
            <h2 class="text-xl font-semibold text-gray-800 mb-4">持股数量与市值关系</h2>
            <div id="barChart" class="chart-container"></div>
        </div>

        <!-- 数据表格 -->
        <div class="bg-white rounded-lg shadow-md p-6 mb-8 overflow-x-auto">
            <h2 class="text-xl font-semibold text-gray-800 mb-4">十大重仓股明细数据</h2>
            <table class="min-w-full divide-y divide-gray-200">
                <thead class="bg-gray-50">
                    <tr>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票名称</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票代码</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">持股数量(股)</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">市值(元)</th>
                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">占资产净值比例</th>
                    </tr>
                </thead>
                <tbody class="bg-white divide-y divide-gray-200">
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">冠中生态</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">300948</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1,379,200</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">22,246,496</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0.66%</td>
                    </tr>
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">欣龙控股</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">000955</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">3,323,000</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">18,309,730</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0.54%</td>
                    </tr>
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">远翔新材</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">301300</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">460,500</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">18,005,550</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0.53%</td>
                    </tr>
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">福建水泥</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">600802</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">2,947,041</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">17,475,953.13</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0.52%</td>
                    </tr>
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">宁波色母</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">301019</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">930,286</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">17,647,525.42</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0.52%</td>
                    </tr>
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">三超新材</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">300554</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">666,000</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">17,129,520</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0.51%</td>
                    </tr>
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">富春染织</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">605189</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1,099,260</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">17,423,271</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0.51%</td>
                    </tr>
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">百川畅银</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">300614</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1,069,600</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">16,803,416</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0.50%</td>
                    </tr>
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">合力科技</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">603917</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1,205,040</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">16,894,660.80</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0.50%</td>
                    </tr>
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">海波重科</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">300517</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1,391,110</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">16,874,164.30</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">0.50%</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <!-- 分析结论 -->
        <div class="bg-white rounded-lg shadow-md p-6 mb-8">
            <h2 class="text-xl font-semibold text-gray-800 mb-4">分析结论</h2>
            <div class="space-y-4 text-gray-700">
                <p>1. <span class="font-medium">持仓集中度较低</span>：前十大重仓股合计占比约5.29%，单只股票最高持仓比例仅为0.66%，显示出较为分散的投资策略。</p>
                <p>2. <span class="font-medium">市值分布均衡</span>：各重仓股市值在1600万至2200万之间，没有特别突出的个股。</p>
                <p>3. <span class="font-medium">持股数量差异大</span>：从46万股到332万股不等，可能与个股价格和投资策略有关。</p>
                <p>4. <span class="font-medium">行业分布广泛</span>：涵盖生态环保、新材料、水泥建材、纺织等多个行业，体现了多元化的投资方向。</p>
            </div>
        </div>

        <!-- 风险提示 -->
        <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-8">
            <div class="flex">
                <div class="flex-shrink-0">
                    <svg class="h-5 w-5 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                        <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
                    </svg>
                </div>
                <div class="ml-3">
                    <h3 class="text-sm font-medium text-yellow-800">风险提示</h3>
                    <div class="mt-2 text-sm text-yellow-700">
                        <p>本报告基于公开数据生成，仅供参考。投资有风险，决策需谨慎。基金过往业绩不代表未来表现，投资者应根据自身风险承受能力审慎决策。</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 底部信息 -->
        <div class="text-center text-sm text-gray-500 mt-8">
            <p>报告生成时间：<span id="currentDate"></span></p>
            <p class="mt-1">© 2025 数据分析报告系统</p>
        </div>
    </div>

    <script>
        // 设置当前日期
        document.getElementById('currentDate').textContent = new Date().toLocaleString();

        // 初始化图表
        var pieChart = echarts.init(document.getElementById('pieChart'));
        var barChart = echarts.init(document.getElementById('barChart'));

        // 饼图配置
        var pieOption = {
            title: {
                text: '十大重仓股持仓比例',
                left: 'center'
            },
            tooltip: {
                trigger: 'item',
                formatter: '{a} <br/>{b}: {c} ({d}%)'
            },
            legend: {
                orient: 'vertical',
                left: 'left',
                data: ['冠中生态', '欣龙控股', '远翔新材', '福建水泥', '宁波色母', '三超新材', '富春染织', '百川畅银', '合力科技', '海波重科']
            },
            series: [
                {
                    name: '持仓比例',
                    type: 'pie',
                    radius: ['50%', '70%'],
                    avoidLabelOverlap: false,
                    itemStyle: {
                        borderRadius: 10,
                        borderColor: '#fff',
                        borderWidth: 2
                    },
                    label: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        label: {
                            show: true,
                            fontSize: '18',
                            fontWeight: 'bold'
                        }
                    },
                    labelLine: {
                        show: false
                    },
                    data: [
                        { value: 0.66, name: '冠中生态' },
                        { value: 0.54, name: '欣龙控股' },
                        { value: 0.53, name: '远翔新材' },
                        { value: 0.52, name: '福建水泥' },
                        { value: 0.52, name: '宁波色母' },
                        { value: 0.51, name: '三超新材' },
                        { value: 0.51, name: '富春染织' },
                        { value: 0.50, name: '百川畅银' },
                        { value: 0.50, name: '合力科技' },
                        { value: 0.50, name: '海波重科' }
                    ]
                }
            ]
        };

        // 柱状图配置
        var barOption = {
            title: {
                text: '持股数量与市值关系',
                left: 'center'
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'shadow'
                }
            },
            legend: {
                data: ['持股数量(万股)', '市值(万元)'],
                top: 30
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: {
                type: 'value',
                boundaryGap: [0, 0.01]
            },
            yAxis: {
                type: 'category',
                data: ['冠中生态', '欣龙控股', '远翔新材', '福建水泥', '宁波色母', '三超新材', '富春染织', '百川畅银', '合力科技', '海波重科']
            },
            series: [
                {
                    name: '持股数量(万股)',
                    type: 'bar',
                    data: [137.92, 332.30, 46.05, 294.70, 93.03, 66.60, 109.93, 106.96, 120.50, 139.11],
                    itemStyle: {
                        color: '#4f46e5'
                    }
                },
                {
                    name: '市值(万元)',
                    type: 'bar',
                    data: [2224.65, 1830.97, 1800.56, 1747.60, 1764.75, 1712.95, 1742.33, 1680.34, 1689.47, 1687.42],
                    itemStyle: {
                        color: '#10b981'
                    }
                }
            ]
        };

        // 渲染图表
        pieChart.setOption(pieOption);
        barChart.setOption(barOption);

        // 响应式调整
        window.addEventListener('resize', function() {
            pieChart.resize();
            barChart.resize();
        });
    </script>
</body>
</html>